<!--
  Generated template for the InformationPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->

<ion-header>
    <ion-navbar >
        <ion-title>
            我的待审
        </ion-title>
    </ion-navbar>
</ion-header>
<ion-content>
    <div class="content_div">
       <!-- {{detailItem.DanJuXX.ShenQingDH}}-->
       <div class="panel">
            <div class="title">
                <label>基本信息</label>
            </div>
            <div class="con">
                <div>
                    <span>
                        申请部门
                    </span>
                    <label>
                        {{detailItem.DanJuXX.ShenQingBM}}
                    </label>
                </div>
                <div>
                    <span>
                        签报标题
                    </span>
                    <label>
                        {{detailItem.DanJuXX.QianBaoBT}}
                    </label>
                </div>
            </div>
            <div class="con">
                <div>
                    <span>
                        经办人
                    </span>
                    <label>
                        {{detailItem.DanJuXX.JingBanR}}
                    </label>
                </div>

            </div>
            <div class="con onLine" >
                <div>
                    <span>
                        申请金额
                    </span>
                    <label>
                        {{detailItem.DanJuXX.ShenQingJE}}
                    </label>
                </div>
                <div>
                    <span>
                        经办时间
                    </span>
                    <label>
                        {{detailItem.DanJuXX.JingBanSJ}}
                    </label>
                </div>

            </div>
           <div class="shenQingFJDiv" *ngIf="detailItem.DanJuXX.DanJuFJ.length>0">
               <div class="fuJianTitle">
                   <span>申请附件</span>
               </div>
               <div>
                   <div class="shenQingFJ" *ngFor="let item of detailItem.DanJuXX.DanJuFJ" tappable (click)="sqfjHandler(item)">
                       <p>{{item.FuJianMC}}</p>
                   </div>
               </div>
           </div>
        </div>
        <div class="panel" *ngIf="detailItem.DanJuXX.QianBaoNR !=''">
            <div class="title">
                <label>签报内容</label>
            </div>
            <div>
                <div class="con">

                   {{detailItem.DanJuXX.QianBaoNR}}
                </div>

            </div>

        </div>
        <div class="panel" *ngIf="detailItem.FeiYongCS.length>0">
            <div class="title">
                <label>费用预算</label>
            </div>
            <div *ngFor="let item of detailItem.FeiYongCS">
                <div class="con" *ngIf="item.FeiYongMC !='' || item.FeiYongBZ !=''">
                    <div *ngIf="item.FeiYongMC !=null && item.FeiYongMC !=''" style="width: 100%">
                     <span>
                        费用名称
                    </span>
                        <label>
                            {{item.FeiYongMC}}
                        </label>
                    </div>
                    <div *ngIf="item.FeiYongBZ !=null && item.FeiYongBZ !=''">
                     <span>
                        费用标准
                    </span>
                        <label>
                            {{item.FeiYongBZ}}
                        </label>
                    </div>
                </div>
                <div class="con " *ngIf="item.CeSuanYJJJE !='' || item.ShenQingJE !=''">
                    <div *ngIf="item.ShenQingJE !=null && item.ShenQingJE !=''">
                     <span>
                        申请金额
                    </span>
                        <label>
                            {{item.ShenQingJE}}
                        </label>
                    </div>
                    <div *ngIf="item.CeSuanYJJJE !=null && item.CeSuanYJJJE !=''">
                     <span>
                        测算依据及说明
                    </span>
                        <label>
                            {{item.CeSuanYJJJE}}
                        </label>
                    </div>
                </div>
            </div>

        </div>
        <div class="panel" *ngIf="detailItem.FeiYongXX.length>0">
            <div class="title">
                <label>费用信息</label>
            </div>
            <div *ngFor="let item of detailItem.FeiYongXX">
                <div class="con"  *ngIf="item.MingCheng !='' || item.YuSuanSX !=''">
                    <div *ngIf="item.MingCheng !=null && item.MingCheng !=''">
                     <span>
                        名称
                    </span>
                        <label>
                            {{item.MingCheng}}
                        </label>
                    </div>
                    <div *ngIf="item.YuSuanSX !=null && item.YuSuanSX !=''">
                     <span>
                        预算事项
                    </span>
                        <label>
                            {{item.YuSuanSX}}
                        </label>
                    </div>
                </div>
                <div class="con"  *ngIf="item.BenCiSQJE !='' || item.ShenQingJE !=''">
                    <div *ngIf="item.BenCiSQJE !=null && item.YiPiFJE !=''">
                     <span>
                        本次申请金额
                    </span>
                        <label>
                            {{item.BenCiSQJE}}
                        </label>
                    </div>
                    <div *ngIf="item.YiPiFJE !=null && item.YiPiFJE !=''">
                     <span>
                        已批复金额
                    </span>
                        <label>
                            {{item.YiPiFJE}}
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <div class="panel" *ngIf="detailItem.ShenPiXX.length>0">
            <div class="title">
                <label style="color: #3a3a3a">审批过程</label>
            </div>
            <div *ngFor="let item of detailItem.ShenPiXX" class="spPanel">
                <div class="con">
                    <div *ngIf="item.ShenPiHJ !=''">
                     <span>
                        审批环节
                    </span>
                        <label>
                            {{item.ShenPiHJ}}
                        </label>
                    </div>
                    <div  *ngIf="item.ShenPiR !=''">
                     <span style="color: #666666">
                        审批人
                    </span>
                        <label style="color: #3189fb;font-weight: bold">
                            {{item.ShenPiR}}
                        </label>
                    </div>
                </div>
                <div class="con">
                    <div  *ngIf="item.ShenPiSJ !=''">
                     <span style="color: #666666">
                        审批时间
                    </span>
                        <label style="color: #999999">
                            {{item.ShenPiSJ}}
                        </label>
                    </div>
                    <div  *ngIf="item.ChuLiSC !=''">
                     <span style="color: #666666">
                        处理时长
                    </span>
                        <label style="color: #333333">
                            {{item.ChuLiSC}}
                        </label>
                    </div>
                </div>
                <div class="conEnd" >
                    <div style="width: 100%">
                     <span>
                        审批意见
                    </span>
                        <label style="color: #333333">
                            {{item.ShenPiYJ==null?'无':item.ShenPiYJ}}
                        </label>
                    </div>
                </div>
            </div>
          <!--  <div class="title">
                <label>审批过程</label>
            </div>
            <div *ngFor="let item of detailItem.ShenPiXX" class="spPanel">
                <div class="con"  *ngIf="item.ShenPiHJ !='' || item.ShenPiR !=''">
                    <div *ngIf="item.ShenPiHJ !=''">
                     <span>
                        审批环节
                    </span>
                        <label>
                            {{item.ShenPiHJ}}
                        </label>
                    </div>
                    <div *ngIf="item.ShenPiR !=''">
                     <span>
                        审批人
                    </span>
                        <label>
                            {{item.ShenPiR}}
                        </label>
                    </div>
                </div>
                <div class="con"  *ngIf="item.ShenPiSJ !='' || item.ChuLiSC !=''">
                    <div  *ngIf="item.ShenPiSJ !=''">
                     <span>
                        审批时间
                    </span>
                        <label>
                            {{item.ShenPiSJ}}
                        </label>
                    </div>
                    <div  *ngIf="item.ChuLiSC !=''">
                     <span>
                        处理时长
                    </span>
                        <label>
                            {{item.ChuLiSC}}
                        </label>
                    </div>
                </div>
                <div class="conEnd" *ngIf="item.ShenPiYJ !==null">
                    <div style="width: 100%">
                     <span>
                        审批意见
                    </span>
                        <label>
                            {{item.ShenPiYJ}}
                        </label>
                    </div>
                </div>
            </div>-->
        </div>
        <div class="buttonDiv" *ngIf=" type==1">
            <button ion-button (click)="doClickHandler()">去审批</button>
        </div>

    </div>
</ion-content>


